﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="slideshow-news.ascx.cs" Inherits="control_client_slideshow_news" %>
<!-- begin slideshow-news -->       
<div id="icetabs" class="clearfix">                        
    <div id="icetabs439" class="ice-slideshow-candy ice-bottom-sl-candy clearfix" style="height:auto; width:auto">
	    <!-- MAIN CONTENT --> 
	    <asp:SqlDataSource ID="dsshownews" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="Proc_TinTuc_SelectTop5" SelectCommandType="StoredProcedure">
        </asp:SqlDataSource>
        <div class="ice-main-wapper" style="height:200px;width:940px;">
            <asp:Repeater ID="rptshownew" runat="server" DataSourceID="dsshownews">
                <ItemTemplate>
                    <div class="ice-main-item"> 
                        <div class="ice-description">
                            <h3 class="ice-title">
                                <a target="_parent"  href="<%# "../WebSite/DetailNews.aspx?key=" + Eval("Id") %>" title=''><%#Eval("TieuDe") %>                                    
                                </a>
                            </h3>
                            <p><img src='<%# "images/news/content/" + Eval("HinhAnh") %>' border="0" alt="Image 1" width="300" height="160" />
                            <%#Eval("TomTat") %>
                            </p>
                            <p class="readmore">
                                <a class="ice-readmore" target="_parent"  href="<%# "../WebSite/DetailNews.aspx?key=" + Eval("Id") %>" title='<%#Eval("TieuDe") %>'><span>Chi tiết &raquo;</span></a>
                            </p>
                        </div>        
                    </div> 
                </ItemTemplate>
            </asp:Repeater>   
        </div>
        <!-- END MAIN CONTENT -->
	    <div class="ice-navigator-wrapper clearfix">
        <!-- NAVIGATOR -->
        <div class="ice-navigator-outer">
            <ul class="ice-navigator">
                <asp:Repeater ID="rprfootershow" runat="server" DataSourceID="dsshownews">
                    <ItemTemplate>
                        <li>
                            <div>
                                <img src='<%# "images/news/content/" + Eval("HinhAnh") %>' title='<%#Eval("TieuDe") %>' alt="" height="60px" width="110px" />					
                                <h4 class="ice-title"><%#Eval("TieuDe") %></h4>
                            </div>
                        </li>
                    </ItemTemplate>
                </asp:Repeater>
            </ul>
        </div>
 	    <!-- END NAVIGATOR //-->
        </div>             
        <div class="ice-buttons-control">
        <div class="ice-previous">Previous</div>
        <div class="ice-next">Next</div>
    	</div>        
    </div> 
    <script type="text/javascript">
        var _lofmain = $('icetabs439');
        var object = new LofSlideshow(_lofmain.getElement('.ice-main-wapper'),
								        _lofmain.getElement('.ice-navigator-outer .ice-navigator'),
								        _lofmain.getElement('.ice-navigator-outer'),
								        {
								            fxObject: {
								                transition: Fx.Transitions.Sine.easeOut,
								                duration: 1000
								            },
								            interval: 7000,
								            direction: 'hrleft',
								            navItemHeight: 80,
								            navItemWidth: 235,
								            navItemsDisplay: 4,
								            navPos: 'bottom'
								        });
        object.registerButtonsControl('click', { next: _lofmain.getElement('.ice-next'), previous: _lofmain.getElement('.ice-previous') });
        object.start(1, _lofmain.getElement('.preload'));
    </script>                                      
</div>
<!-- end slideshow-news -->